/**
 * @Author: lusx
 * @Date:   21-03-2019 01:38:46
 * @Project: Govern督办
 * @Last modified by:   lusx
 * @Last modified time: 26-04-2019 04:53:26
 */
 @import (reference) "~weaver-mobile/dist/weaver-mobile.less";
 @wmFloatingTouchPrefixCls: wm-floating-touch-com;

  .g-comFloatTouch{
    .@{wmFloatingTouchPrefixCls} {
      position: fixed;
      width: 35 * @hd;
      height: 35 * @hd;
      color: @segmented-control-color;
      background-color: @fill-base;
      border-radius: 50%;
      border: @border-color-base solid 1 * @hd;
      transition-duration: 300ms;
      transition-timing-function: ease-out;
      z-index: 1000;

      .status-wrap {
        background-color: @fill-base;
        border-radius: 50%;
        width: 100%;
        height: 100%;

        &.status-active {
          background-color: fade(@brand-primary, 10);
        }
        &.status-click {
          background-color: fade(red, 90);
        }

        .am-icon {
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          position: absolute;
        }
      }

      .home-btn-tip {
        position: absolute;
        width: auto;
        margin-right: 9*@hd;
        bottom: 37*@hd;
        word-break: keep-all;
        writing-mode: vertical-rl;
        text-align: end;
      }
    }
  }
